<a href="@{Commodities.index}">
	<div class="category-title">
		<div class="category-title-mainTitle"><strong>新品推荐</strong></div>
		<div class="category-title-subTitle"><strong>NEW ARRIVALS</strong></div>
		<div class="category-title-more"><strong>more..</strong></div>
	</div>
</a>
<ul class="newArrivals-list">
#{list items:_items, as:'commodity'}
	<li class="newArrivalsDiv">
		<div class="newArrivalsInfo">
			<div class="newArrivals-img">
				<a target="_blank" href="@{Commodities.show(commodity.id)}">
					#{if commodity.images}
						#{list items:commodity.images, as:'image'}
							#{if image.sequence == 1}
							<img class="midImg" src="@{Attachments.show(image.image.id)}">
							#{/if}
						#{/list}
					#{/if}
					#{else}
					<img class="midImg" src="@{'public/images/favicon.png'}">
					#{/else}
				</a>
			</div>
			<p class="newArrivals-price"> <strong class="tmall-price">￥ ${commodity.price}</strong> </p>
			<h3 class="newArrivals-title">
				<a target="_blank" href="@{Commodities.show(commodity.id)}">
					${commodity.name}
				</a>
    		</h3>
		</div>
	</li>
#{/list}
</ul>

<script language="javascript">
$(document).ready(function(){
	  //给航班列表和消息列表每行加鼠hover标事件。
	  $(".newArrivals .newArrivalsInfo").hover(
	  function () {
		$(this).addClass("productOnHover");
	  },
	  function () {
		$(this).removeClass("productOnHover");
	  }
	);
});
</script>